<template>
  <div class="wrapper">
    <div class="bottom">
      <!-- <router-link tag="div" to="/center/merchantCenter/merchantOrderList/1">
        <MsgItem title="待付款" value="查看"></MsgItem>
      </router-link> -->
      <router-link tag="div" to="/center/merchantCenter/merchantOrderList/2">
        <MsgItem title="待发货" value="查看"></MsgItem>
      </router-link>
      <router-link tag="div" to="/center/merchantCenter/merchantOrderList/6">
        <MsgItem title="已发货" value="查看"></MsgItem>
      </router-link>
    </div>
  </div>
</template>

<script>
  import MsgItem from '@/components/msgItem/MsgItem.vue'
  export default {
    name: 'MerchantOrderState',
    components: {
      MsgItem
    }
  }
</script>

<style lang="scss" scoped>
  @import '@/assets/css/base.scss';
  .wrapper {
    padding: 0.2rem 0;
    font-size: 0.28rem;
    background: #eee;
    height: 100vh;
  }
  .bottom {
    margin-top: 0.2rem;
    padding: 0 0.1rem;
    background: #fff;
  }
</style>
